*{
    margin: 0;
    padding: 0;
}

html{
    font-size: 26.6667vw;
}

body{
    background-color: #eeeeee;
    font-family: PingFangSC-Light,helvetica,Heiti SC;
}

#hdWraper{
    position: relative;
    width: 3.75rem;
    /* background-color: white; */
}


#header{
    z-index:99999;
    background-color: white;
    position: fixed;
    width: 3.75rem;
    height: .76rem;
}

#logo{
    left: .15rem;
    position: absolute;
    top: .12rem;
    width: .69rem;
    height: .20rem;
    margin-right: .1rem;
}

#logo img{
    display: block;
    width: .69rem;
    height: .20rem;
}

#search{
    position: absolute;
    top: .083rem;
    width: 2.21rem;
    height: .28rem;
    left: .94rem;
}

#search input{
    display: block;
    width: 2.21rem;
    height: .28rem;
    background-color: #ededed;
    justify-content: center;
    font-size: .28rem;
    border-radius: .04rem;
    border-width: 0rem;
}

#but{
    position: absolute;
    left: 3.24rem;
    top: .12rem;
    width: .362rem;
    height: .192rem;
    text-align: center;
    color: #dd1a21;
    border: 1px solid #dd1a21;
    border-radius: .04rem;
    background-color: white;
    font-size: .12rem;
}

#big{
    position: absolute;
    width: .14rem;
    height: .14rem;
    top: .14rem;
    left: 1.16rem;
    
}

#big img{
    display: block;
    width: .14rem;
    height: .14rem;
}

#title{
    position: absolute;
    top: .12rem;
    left: 1.35rem;
    color: #666;
    font-size: .14rem;

}

#type{
    position: absolute;
    font-size: 0px;
    top: .44rem;
    left: .15rem;
}

#tab{
    font-size: 0px;
    top: .44rem;
    left: .15rem;
    z-index:99999;
    font-size: 0.36rem;
    position: absolute;
    width: 3.6rem;
    height: .3rem;
    line-height: 0rem;
    display: inline-block;

}

/* #tab ul{
    width: 3.75rem;
} */

#tab ul li{
    font-size: .14rem;
    display: inline-block;
    text-align: center;
    list-style: none;
    line-height: .28rem;
    padding: 0 .08rem;
}


li:hover{
    color: #dd1a21;
}
li.active{
    color: #dd1a21;
    border-bottom: 3px solid #dd1a21;
}
.main{
    clear: both;
}

#box .main .content{
    width: 4rem;
    height: 6rem;
    display: none;
}

#arrow{
    width: .15rem;
    height: .15rem;
    position: absolute;
    top: .07rem;
    left: 3.28rem;
}

#arrow img {
    width: .15rem;
    height: .15rem;
    display: inline-block;

}

#Carousel {
    overflow: hidden;
    width: 3.75rem; 
    height: 1.48rem;
    padding-top: .75rem;
}

#box {
    /* position: absolute; */
    /* top: 0.75rem; */
    width: 30rem;
    animation: move-left 8s infinite;
    background-color: red;
}
.box-item {
    float: left;
    width: 3.75rem; 
    height: 1.48rem;
    list-style: none;
}
.box-item img {
    width: 100%;
    height: 100%;
}

@keyframes move-left {
     0% {

     }
     25% {
         transform: translateX(-3.75rem);
     }
     50% {
         transform: translateX(-7.5rem);
     }
     75% {
         transform: translateX(-11.25rem);
     }
     100% {
         transform: translateX(-15rem);
     }
}


#m-indexServicePolicy {
    z-index:99;
    text-align: center;
    position:absolute;
    top: 2.25rem;
    width: 3.75rem;
    height: 38.0167px;
    background-color: white;
}


#g-grow{
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    font-size: .18rem;
}

#item{
    width: 3.75rem;
    float: left;
    list-style: none;
    text-align: center;
}

#text{
    font-size: .12rem;
    color: #333;
    margin-left: .04rem;
    line-height: .32rem;
}

#s-pic{
    height: .16rem;
    width: .16rem;
    padding-top: 1rem;
}

#item img{
    width: .16rem;
    height: .16rem;
    vertical-align:middle;
}

#s-icon{
    width: .16rem;
    height: .16rem;

}

#function {
    height: .754rem;
    width: 3.75rem;
    top: 2.42rem;
    position:absolute;

}

#kingkong-item {
    width: 3.75rem;
    background-color: white;
    display: inline-block;
    font-size: 14px;
}

#kingkong-item li {
    display: inline-block;
    list-style: none;
    text-align: center;
    margin: 0 .08rem;
}

#kingkong-item li img {
    width: .55rem;
    height: .55rem;
}

#kingkong-item li p a {
    text-decoration:none;
    text-align: center;
    font-size: .12rem;
    /* line-height: .18rem; */
    white-space: nowrap;
    color: rgb(51, 51, 51);
}

#function-1 {
    width: 3.75rem;
    position:absolute;
    background-color: white;
    top: 3.35rem;
}

#advertisement {
    height: 1.6rem;
    position:absolute;
    top: 4.43rem;
    background-color: #f0cf58;
}

#advertisement p img {
    width: 3.75rem;
    height: 1.6rem;
}

#page-content {
    position:absolute;
    top: 6.1rem;
    background-color: white;
    width: 3.75rem;
    font-size: 16px;
    padding-bottom: .15rem;
}

#lazy-component {
    width: 3.75rem;
}

#lazy-component-wrapper div{
    text-align: center;
    width: 3.75rem;
    height: .45rem;
}

#lazy-component-wrapper div ::before {
    content: "";
    position: absolute;
    left: 1.25rem;
    top: .225rem;
    width: .12rem;
    height: .015rem;
    background-color: #333;
}

#lazy-component-wrapper div ::after {
    content: "";
    position: absolute;
    right: 1.25rem;
    top: .225rem;
    width: .12rem;
    height: .015rem;
    background-color: #333;
}

#lazy-component-wrapper div span{
    line-height: .45rem;
    height: .45rem;
    font-size: .16rem;
    display: inline-block;
} 

#content{
    height: 2.19rem;
    width: 3.6rem;
    padding-left: .15rem;
}

#left{
    display: block;
    width: 1.71rem;
    height: 2.17rem;
    background: #f9e9cf;
    border-radius: .02rem;
    margin-right: .02rem;
    float: left;
    color: #333;
}

#name{
    padding: .15rem 0 0 .15rem;
}

#left p {
    height: 1.29rem;
    width: 1.28rem;
    margin: .185rem .2rem;
}

#left p img{
    height: 1.29rem;
    width: 1.28rem;
}

#right {
    float: left;
}

#module1 {
    background: #fbe2d3;
    border-radius: 4px;
    width: 1.71rem;
    height: 1.07rem;
    margin-bottom: .02rem;
}

#m-activityItem {
    position: relative;
    display: block;
    color: #333;
    border-radius: .04rem;
    margin: 0 .04rem .04rem 0;
    font-size: .24rem;
    padding: .1rem 0 0 .15rem;
    width: 1.56rem;
    height: .97rem;
    
}

#m-activityItem div {   
    z-index: 5;
    position: relative;
    height: .45rem;
    font-size: .16rem;
    display: inline-block;
}

#m-activityItem div p{
    color: #7f7f7f;
    font-size: .12rem;
}

#m-activityItem p {
    height: .5rem;
    width: 1.0rem;
}

#pirWrap {
    position: absolute;
    top: .07rem;
    right: 0rem;
}

#m-activityItem p img{
    height: 1.00rem;
    width: 1.00rem;
}

#module2 {
    background: #ffecc2;
    border-radius: 4px;
    width: 1.71rem;
    height: 1.07rem;
    margin-bottom: .04rem;
}

#hotsale{
    position:absolute;
    top: 9rem;
    width: 3.75rem;
    font-size: 16px;
    margin-bottom: .15rem;
    height: 3.55rem;
}

#h-content{
    margin-bottom: .1rem;
    background-color: #fff;
    width: 3.50rem;
    height: 3.55rem;
    padding: 0 .1rem 0rem .15rem;
}

#h-title{
    width: 3.55rem;
    height: .5rem;
    line-height: .5rem;
    background: #fff;
    overflow: hidden;
}

#h-title div{
    float: left;
    font-size: .16rem;
    width: .8rem;
    height: .5rem;
}


#item-big1{
    margin: 0 .05rem .05rem 0;
    float: left;
    background-color: #f9f3e4;
    width: 1.7rem;
    height: 1rem;
}

#item-top1{
    position: relative;
}

#item-top1 div{
    position: relative;
    font-size: .14rem;
    padding-left: .12rem;
    padding-top: .33rem;
    z-index: 5;
}

#item-top1  ::before {
    content: "";
    position: absolute;
    left: .12rem;
    top: .6rem;
    width: .24rem;
    height: .02rem;
    background-color: #333;
}

#item-big1 p{
    position: absolute;
    top: .5rem;
    left: .8rem;
    width: 1rem;
    height: 1rem;
}

#item-big1 p img{
    width: 1rem;
    height: 1rem;
}

#item-big2{
    margin: 0 .05rem .05rem 0;
    float: left;
    background-color: #ebeff6;
    width: 1.7rem;
    height: 1rem;
}

#item-top2{
    position: relative;
}

#item-top2 div{
    position: relative;
    font-size: .14rem;
    padding-left: .12rem;
    padding-top: .33rem;
    z-index: 5;
}

#item-top2  ::before {
    content: "";
    position: absolute;
    left: .12rem;
    top: .6rem;
    width: .24rem;
    height: .02rem;
    background-color: #333;
}

#item-big2 p{
    position: absolute;
    top: .5rem;
    left: 2.55rem;
    width: 1rem;
    height: 1rem;
}

#item-big2 p img{
    width: 1rem;
    height: 1rem;
}

#item-small1{
    float: left;
    width: .825rem;
    height: .9rem;
    background-color: #f5f5f5;
    margin: 0 .05rem .05rem 0;
}

#item-small1 div{
    margin-top: .05rem;
    text-align: center;
    font-size: .12rem;
}

#small1{
    width: .6rem;
    height: .6rem;
    padding-left: .1rem;
}

#small1 img{
    width: .6rem;
    height: .6rem;
}

#specialsale{
    background-color: #ffffff;
    font-size: 16px;
    margin-bottom: .1rem;
    width: 3.75rem;
    height: 1.55rem;
}

#item2{
    overflow: hidden;
    padding: .05rem .15rem .15rem .13rem;
    background: #fff;
    margin-bottom: .1rem;
    }

#item-2{
    height: 1.22rem;
    width: 1.61rem;
    float: left;
    background-color: #f5f5f5;
    display: block;
    margin: .02rem 0 0 .02rem;
    padding: .1rem 0 0 .1rem;
    border-radius: .02rem;
}

#desc{
    color: rgb(128, 55, 211);
    padding-left: .05rem;
    font-size: .12rem;
}

#desc1{
    color: rgb(244, 143, 24);
    padding-left: .05rem;
    font-size: .12rem;
}


#special{
    float: left;
    width: .75rem;
    height: .75rem;
}

#special img{
    width: .75rem;
    height: .75rem;
}




#tail{
    background-color: #414141;
    width: 3.55rem;
    height: .81rem;
    padding: .28rem .1rem .14rem;
    text-align: center;
}

#bd{
    margin-bottom: .18rem;
}

#bd a{
    height: .31rem;
    line-height: .31rem;
    margin-right: .25rem;
    width: .86rem;
    font-size: .12rem;
    color: #fff;
    border: 1px solid #999;
    background-color: transparent;
    display: inline-block;
    border-radius: 2px;
    overflow: hidden;
    text-decoration: none;
    outline: none;
}

#copyright{
    font-size: .12rem;
    line-height: .16rem;
    color: #999;
}

#after li .string-1{
    /* text-decoration: none; */
    font-size: .12rem;
    color: #e03138;
    line-height: .18rem;
    
}

#after{
    width: 3.75rem;
    height: .48rem;
    top: 93.5%;
    background-color: #fff;
    position: fixed;
    z-index: 99;
    border-top: .01rem solid #d9d9d9;
}
#after ul{
    display: flex;
    justify-content: space-around;
    padding-top: .08rem;
    box-sizing: border-box;
}
#after li{
    text-align: center;
    list-style: none;
}
#after li .photoes img{
    display: block;
    width: .2rem;
    height: .2rem;
    margin: 0 auto;
}
#after li .string{
    /* text-decoration: none; */
    font-size: .12rem;
    color: #7f7f7f;
    line-height: .18rem;
}

#small-w a {
    text-decoration:none;
}